/*侧边栏*/
.sidbar{position: fixed;top: 50%;z-index: 900; right:0px; width: 220px}

.sidbar ul{position: relative;display:flex;flex-direction: column;width: 230px;}

.sidbar ul li{
position: relative;	
height: 50px;   border-radius: 2px;text-align: center;margin-bottom: 2px;
background: rgba(0, 68, 168, 0.6);

color: #ffffff;
font-size: 22px;
right: -165px;

float: left;


}
.sidbar ul li i{height: 50px;line-height: 50px;color: #fff;font-size: 25px;padding: 0px 10px 0px 0px;}


.sidbar .s_top i{ float: left;padding-left: 15px}

.sidbar .tel:hover{
   -webkit-animation:  slide_show 0.5s ease-in-out 1 both;
    animation: slide_show 0.5s ease-in-out 1  both;
}

.sidbar .phone:hover{
   -webkit-animation:  slide_show 0.5s ease-in-out 1 both;
    animation: slide_show 0.5s ease-in-out 1  both;
}


.sidbar .weixin:hover img {
    -webkit-animation:  slide_show_1 0.5s ease-in-out 1 both;
    animation: slide_show_! 0.5s ease-in-out 1  both;
}



.sidbar .weixin img{
  position:absolute; right:0px;top:-60px;height: 150px;width:150px; display: block;
}



@-webkit-keyframes slide_show {
    0% {
       right: -165px;
    }
    to {
       
       right: 0px;
    }
}

@keyframes slide_show {
    0% {
       right: -165px;
    }
    to {
       
       right: 0px;
    }
}



@-webkit-keyframes slide_show_1 {
    0% {
       right: 0px;
    }
    to {
       
     right:230px;
    }
}

@keyframes slide_show_1 {
    0% {
       right: 0px;
    }
    to {
       
      right:230px;
    }
}